@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*home*/

.m-jh{text-align: center;}
.m-jh a{display: inline-block;width: 100%; color: #ff0000;font-size: 36px; line-height: 36px; font-weight: bold;text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m-jh .nth1{top: 0; left: 0;}
.m-jh .nth2{top: 0; right: 0;}
.m-jh ul li a{display: block; width: 100%; font-weight: normal; font-size: 14px; color: #666666;}

.g-flash,.g-flash img{overflow: hidden;}
.g-flash img{display: block; width: 100%; height: 475px;}
.g-flash .owl-item{display: inline-block; position: relative;}
.g-flash .owl-item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 115px 0 10px; height: 50px; line-height: 50px; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); color: #fff;}
.g-flash .owl-pagination{position: absolute; right: 15px; bottom: 23px;}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 9px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 10px; height: 10px; background: #f5f5f5; -moz-border-radius: 10px; border-radius: 10px;border-radius: 0; width: 15px;height: 10px; cursor: pointer;}
.g-flash .owl-pagination .active span{ background: #ff8400;}

.m-news1 .u-list{line-height: 42px;color: #333;overflow: hidden;}
.border{border: 1px solid #dfdfdf; height: 100%;}
.m-news1 .u-top{height: 40px;border-bottom: 1px solid #ebebeb;margin-bottom: 10px; background: #f9f9f9;}
.m-news1 .u-top li{line-height: 40px; text-align: center;font-size: 18px;font-weight: bold;color: #3894d5;}
.m-news1 .u-top li.u-active a{color: #fff;}
.m-news1 .u-top span a{display: block;width:53px;font-size: 14px;color: #0c6499;line-height: 40px;}
.m-news1 .u-top li.u-active{padding: 0 15px; background-color: #00acee;}
.m-news1 .u-list li a{display: block;padding-left: 12px; font-size: 16px; overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.m-news1 .u-list li:hover a{padding-left: 15px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.m-tolan1{height: 40px;width: 100%;font-size: 18px;font-weight: bold;color:#fff;line-height: 40px;background: #ebebeb; margin: 0;}
.m-tolan1 span{display: inline-block;padding: 0 14px; height: 40px; background: #3894d5;}

.m-shine img{width: 100%;}

.m-ctadvs{padding: 20px 15px;}
.m-ctadvs .g-ctadvs{width: 100%; }
.m-ctadvs .g-ctadvs .tempWrap{width: 100% !important;}
.m-ctadvs .g-ctadvs .bd li{float: left; margin-right: 16px; width: 220px !important; height: 100px;}
.m-ctadvs .g-ctadvs .bd li img{display: block; width: 220px !important; height: 100px;}
.m-ctadvs .g-ctadvs .prev{left: 0;top: 50%; margin-top: -20px; display: block; width: 20px; height: 40px; background-color: #dfdfdf; line-height: 40px; text-align: center;}
.m-ctadvs .g-ctadvs .next{right: 0;top: 50%; margin-top: -20px; display: block; width: 20px; height: 40px; background-color: #dfdfdf; line-height: 40px; text-align: center;}

.m-ctadvs2 .g-ctadvs .bd li{width: 288px !important;height: 138px;}
.m-ctadvs2 .g-ctadvs .bd li img{ width: 288px !important; height: 138px;}

.m-newslist .m-left .m-newsbox1{ height: 291px; overflow: hidden;}
.m-newslist .m-right .m-newsbox2{height: 249px; overflow: hidden;}
.m-newsbox2{padding: 0 15px;}
.m-newsbox2 ul{margin-top: 10px;}

.m-newslist .m-tolan2{height: 40px;background: #ebebeb; border-bottom: 1px solid #dfdfdf;}
.m-tolan2 span a{display: block; line-height: 40px; font-size: 14px; color: #0c6499; margin-right: 10px;}
.m-newslist .m-tolan2 div{padding: 0 14px;line-height: 40px;font-size: 18px;font-weight: bold;color:#fff;background: #3894d5;}
.m-newslist .m-tolan2 div a{color: #fff;}
.m-newslist .m-tolan2 ul li{display: inline-block;margin: 0 10px;line-height: 40px;font-size: 14px;}
.m-newslist .m-tolan2 ul li.u-active a{color:#e42121;}
.m-newslist .u-leftbox{margin-top: 20px;}
.m-newslist .u-leftbox a:hover div{color: #0c6499;}
.m-newslist .u-leftbox a img{height: 80px; margin-right: 10px;}
.m-newslist .u-leftbox p{color: #0c6499;font-size: 16px;font-weight: bold;line-height: 20px; margin-bottom: 10px;}
.m-newslist .u-leftbox a div{height: 50px;overflow: hidden;color: #666;font-size: 14px;line-height: 20px;}
.m-newslist .u-leftbox ul{margin-top: 6px; margin-bottom: 15px;}
.m-newslist .u-leftbox ul li a,.m-newslist .u-rightbox ul li a,.m-newslist .m-right .m-newsbox2 ul li a{display: block; line-height: 32px;font-size: 16px; overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.m-newslist .u-leftbox ul li:hover a,.m-newslist .u-rightbox ul li:hover a,.m-newslist .m-right .m-newsbox2 ul li:hover a{color: #0c6499;padding-left: 15px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.m-newslist .u-rightbox{margin-top: 10px;}
.m-newslist .u-rightbox ul li a{line-height: 32px;}
.m-newslist .m-right h1{padding: 0 14px;height: 40px;background: #3894d5;line-height: 40px;font-size: 18px;font-weight: bold;color: #fff;}
.m-newslist .m-right span a{display: block; line-height: 40px; font-size: 14px; color: #0c6499; margin-right: 10px;}
.m-newslist .m-right .m-newsbox2 img{margin: 20px 10px 10px 0;}
.m-newslist .m-right .m-newsbox2 a:hover p{color: #3894d5 !important;}
.m-newslist .m-right .m-newsbox2 a p:first-child{height: 56px; color: #3894d5;font-size: 16px;line-height: 56px;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-newslist .m-right .m-newsbox2 a p:last-child{margin-top: -10px;margin-bottom: 10px;height: 66px; color: #333;font-size: 14px;line-height: 22px;overflow: hidden;}

.m-midban img{width: 100%;}

.m-newslist1 .u-rightbox ul li a {line-height: 32px;}
.m-newslist2 .m-left .m-newsbox1{height: 318px;}
.m-newslist2 .m-right .m-newsbox2{height: 276px;}
.m-gg{margin: 0;padding: 20px;}
.m-gg a{float: left;margin: 0 7px; width: 150px;height: 118px; margin-bottom: 15px;}
.m-gg a:hover{color: #3894d5;}
.m-gg p{margin-top: 5px; color: #000;font-size: 14px;text-align: center;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.m-zdwz .hd{height: 40px; line-height: 40px; background: #f9f9f9; border-bottom: 1px solid #dfdfdf;}
.m-zdwz .hd ul li.on{ background: #00acee;  color: #fff;}
.m-zdwz .hd ul li.on a{color: #fff;}
.m-zdwz .hd ul li{float: left; margin-right: 15px; padding: 0 15px; font-size: 18px; cursor: pointer;color: #333333;}
.m-zdwz .bd{padding: 20px;}
.m-zdwz .bd ul li{float: left;}
.m-zdwz .bd ul li a{display: block; width: 100px; font-size: 14px;}
/*media query*/  
/*large pcScreen*/
@media (min-width:1200px) {
    .m-flash{width: 780px;height: 475px;}
    .m-news1{width: 440px;height: 475px;}

    .m-newslist .m-left{ width: 880px;}
    .m-newslist .m-right{width: 340px;}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    
    .m-jh a{font-size: 24px;font-weight: bold;text-align: center;}
    .m-news1{height: 347px;}
    .m-newslist .m-left .m-newsbox1,.m-newslist .m-right .m-newsbox2{ height: auto; }
    .m-newsbox1 .u-gx img{width: 100% !important;margin-bottom: 20px;}

}
/*pad md*/
@media screen and (max-width: 991px ){
	
    .g-flash,.g-flash .owl-item,.g-flash img{height: 340px;}
	.g-flash .owl-item p{padding-left: 10px; height: 40px; line-height: 40px; font-size: 14px;}
	.g-flash .owl-pagination{bottom: 15px;}
    .g-listleft{margin-bottom: 10px;}

    .m-newslist .m-right{margin-bottom: 15px;}
    .m-newslist .m-left{margin-bottom: 15px;}
    
}
/*phone sm*/
@media screen and (max-width: 767px) {
    .m-jh a{height: 80px;color: #0c6499;font-size: 16px;font-weight: bold;text-align: center;line-height: 40px;height: 40px;}


}
/*small xs*/
@media screen and (max-width: 638px) {
    .g-flash,.g-flash .owl-item,.g-flash img{height: 220px;}
    
}